{"componentChunkName":"component---node-modules-gatsby-theme-mdx-deck-src-templates-deck-js","path":"/hoisting","matchPath":"/hoisting/*","result":{"data":{"deck":{"id":"95726876-3a16-5dff-adda-8c2f53b7d4da","body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar theme = shadesOfPurple;\nvar _frontmatter = {};\nvar layoutProps = {\n  theme: theme,\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h1\", null, \"Hoisting \\uD83D\\uDC4B\"), mdx(\"p\", null, mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://www.linkedin.com/in/ragavkumarv/\"\n  }, \"@ragavkumarv\")), mdx(\"hr\", null), mdx(CodeSurfer, {\n    mdxType: \"CodeSurfer\"\n  }, mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-js\",\n    \"metastring\": \"title=\\\"Hoisting\\\"  file=./src/hoisting.0.1.js\",\n    \"title\": \"\\\"Hoisting\\\"\",\n    \"\": true,\n    \"file\": \"./src/hoisting.0.1.js\"\n  }, \"function sum(x, y) {\\n  return x + y;\\n}\\n\\nconst name = \\\"Darth Vader\\\";\\n\\nlet info = {\\n  age: 20,\\n  nationality: \\\"Indian\\\",\\n};\\n\\nvar city = \\\"Chennai\\\";\\n\"))), mdx(\"hr\", null), mdx(CodeSurferColumns, {\n    themes: [vsDark, github, shadesOfPurple],\n    mdxType: \"CodeSurferColumns\"\n  }, mdx(Step, {\n    mdxType: \"Step\"\n  }, mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-js\",\n    \"metastring\": \"title=\\\"Hoisting\\\" 1,2,3 file=./src/hoisting.0.1.js\",\n    \"title\": \"\\\"Hoisting\\\"\",\n    \"1,2,3\": true,\n    \"file\": \"./src/hoisting.0.1.js\"\n  }, \"function sum(x, y) {\\n  return x + y;\\n}\\n\\nconst name = \\\"Darth Vader\\\";\\n\\nlet info = {\\n  age: 20,\\n  nationality: \\\"Indian\\\",\\n};\\n\\nvar city = \\\"Chennai\\\";\\n\")), mdx(\"section\", {\n    className: \"hoisting-flow\"\n  }, mdx(\"p\", null, \"sum \"), mdx(\"p\", {\n    className: \"hoisting-success\"\n  }, \" function \")))), mdx(\"hr\", null), mdx(CodeSurferColumns, {\n    themes: [vsDark, github, shadesOfPurple],\n    mdxType: \"CodeSurferColumns\"\n  }, mdx(Step, {\n    mdxType: \"Step\"\n  }, mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"5\": true,\n    \"className\": \"language-js\",\n    \"metastring\": \"title=\\\"Hoisting\\\" 5 file=./src/hoisting.0.1.js\",\n    \"title\": \"\\\"Hoisting\\\"\",\n    \"file\": \"./src/hoisting.0.1.js\"\n  }, \"function sum(x, y) {\\n  return x + y;\\n}\\n\\nconst name = \\\"Darth Vader\\\";\\n\\nlet info = {\\n  age: 20,\\n  nationality: \\\"Indian\\\",\\n};\\n\\nvar city = \\\"Chennai\\\";\\n\")), mdx(\"section\", {\n    className: \"hoisting-flow\"\n  }, mdx(\"p\", null, \"sum \"), mdx(\"p\", {\n    className: \"hoisting-success\"\n  }, \" function \"), mdx(Para, {\n    mdxType: \"Para\"\n  }))), mdx(Step, {\n    mdxType: \"Step\"\n  }, mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"5\": true,\n    \"className\": \"language-js\",\n    \"metastring\": \"title=\\\"Hoisting\\\" 5 file=./src/hoisting.0.1.js\",\n    \"title\": \"\\\"Hoisting\\\"\",\n    \"file\": \"./src/hoisting.0.1.js\"\n  }, \"function sum(x, y) {\\n  return x + y;\\n}\\n\\nconst name = \\\"Darth Vader\\\";\\n\\nlet info = {\\n  age: 20,\\n  nationality: \\\"Indian\\\",\\n};\\n\\nvar city = \\\"Chennai\\\";\\n\")), mdx(\"section\", {\n    className: \"hoisting-flow\"\n  }, mdx(\"p\", null, \"sum\"), mdx(\"p\", {\n    className: \"hoisting-success\"\n  }, \" function \"), mdx(\"p\", null, \"name \"), mdx(\"p\", {\n    className: \"hoisting-error\"\n  }, \" unintialized \"))), mdx(Step, {\n    mdxType: \"Step\"\n  }, mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-js\",\n    \"metastring\": \"title=\\\"Hoisting\\\" 7,8,9,10 file=./src/hoisting.0.1.js\",\n    \"title\": \"\\\"Hoisting\\\"\",\n    \"7,8,9,10\": true,\n    \"file\": \"./src/hoisting.0.1.js\"\n  }, \"function sum(x, y) {\\n  return x + y;\\n}\\n\\nconst name = \\\"Darth Vader\\\";\\n\\nlet info = {\\n  age: 20,\\n  nationality: \\\"Indian\\\",\\n};\\n\\nvar city = \\\"Chennai\\\";\\n\")), mdx(\"section\", {\n    className: \"hoisting-flow\"\n  }, mdx(\"p\", null, \"sum \"), mdx(\"p\", {\n    className: \"hoisting-success\"\n  }, \" function \"), mdx(\"p\", null, \"name \"), mdx(\"p\", {\n    className: \"hoisting-error\"\n  }, \" unintialized \"), mdx(\"p\", null, \"info \"), mdx(\"p\", {\n    className: \"hoisting-error\"\n  }, \" unintialized \"))), mdx(Step, {\n    mdxType: \"Step\"\n  }, mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"12\": true,\n    \"className\": \"language-js\",\n    \"metastring\": \"title=\\\"Hoisting\\\" 12 file=./src/hoisting.0.1.js\",\n    \"title\": \"\\\"Hoisting\\\"\",\n    \"file\": \"./src/hoisting.0.1.js\"\n  }, \"function sum(x, y) {\\n  return x + y;\\n}\\n\\nconst name = \\\"Darth Vader\\\";\\n\\nlet info = {\\n  age: 20,\\n  nationality: \\\"Indian\\\",\\n};\\n\\nvar city = \\\"Chennai\\\";\\n\")), mdx(\"section\", {\n    className: \"hoisting-flow\"\n  }, mdx(\"p\", null, \"sum\"), mdx(\"p\", {\n    className: \"hoisting-success\"\n  }, \"function\"), mdx(\"p\", null, \"name\"), mdx(\"p\", {\n    className: \"hoisting-error\"\n  }, \"unintialized\"), mdx(\"p\", null, \"info\"), mdx(\"p\", {\n    className: \"hoisting-error\"\n  }, \"unintialized\"), mdx(\"p\", null, \"city\"), mdx(\"p\", {\n    className: \"hoisting-neutral\"\n  }, \"undefined\")))), mdx(\"hr\", null), mdx(\"h2\", null, \"Quiz\"), mdx(\"hr\", null), mdx(CodeSurfer, {\n    mdxType: \"CodeSurfer\"\n  }, mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-js\",\n    \"metastring\": \"title=\\\"Quiz\\\"\",\n    \"title\": \"\\\"Quiz\\\"\"\n  }, \"function getPrice() {\\n  console.log(\\\"Old price \\\", price);\\n  console.log(\\\"New price \\\", price);\\n}\\n\")), mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-js\",\n    \"metastring\": \"title=\\\"Quiz - Part I\\\"\",\n    \"title\": \"\\\"Quiz\",\n    \"-\": true,\n    \"Part\": true,\n    \"I\\\"\": true\n  }, \"var price = 400;\\nfunction getPrice() {\\n  console.log(\\\"Old price \\\", price);\\n  console.log(\\\"New price \\\", price);\\n}\\ngetPrice();\\n\")), mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-js\",\n    \"metastring\": \"title=\\\"Quiz - Part II\\\"\",\n    \"title\": \"\\\"Quiz\",\n    \"-\": true,\n    \"Part\": true,\n    \"II\\\"\": true\n  }, \"var price = 400;\\nfunction getPrice() {\\n  console.log(\\\"Old price \\\", price);\\n  var price = 800;\\n  console.log(\\\"New price \\\", price);\\n}\\ngetPrice();\\n\")), mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-js\",\n    \"metastring\": \"title=\\\"Quiz - Part II\\\"\",\n    \"title\": \"\\\"Quiz\",\n    \"-\": true,\n    \"Part\": true,\n    \"II\\\"\": true\n  }, \"var price = 400;\\nfunction getPrice() {\\n  console.log(\\\"Old price \\\", price); // Old price undefined\\n  var price = 800;\\n  console.log(\\\"New price \\\", price); // New price  800\\n}\\ngetPrice();\\n\")), mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-js\",\n    \"metastring\": \"title=\\\"Quiz - Part II\\\" subtitle=\\\"Hoisting\\\"\",\n    \"title\": \"\\\"Quiz\",\n    \"-\": true,\n    \"Part\": true,\n    \"II\\\"\": true,\n    \"subtitle\": \"\\\"Hoisting\\\"\"\n  }, \"var price = 400;\\nfunction getPrice() {\\n  console.log(\\\"Old price \\\", price); // Old price undefined\\n  var price = 800;\\n  console.log(\\\"New price \\\", price); // New price  800\\n}\\ngetPrice();\\n\"))), mdx(\"hr\", null), mdx(CodeSurferColumns, {\n    sizes: [1, 2],\n    mdxType: \"CodeSurferColumns\"\n  }, mdx(Step, {\n    title: \"Columns aren't just for code\",\n    mdxType: \"Step\"\n  }, mdx(BounceImage, {\n    mdxType: \"BounceImage\"\n  }), mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-css\"\n  }, \"img {\\n  transition: 0.8s;\\n  border-radius: 10px;\\n}\\n\"))), mdx(Step, {\n    title: \"Columns aren't just for code\",\n    mdxType: \"Step\"\n  }, mdx(BounceImage, {\n    style: {\n      transform: \"scale(1.3)\"\n    },\n    mdxType: \"BounceImage\"\n  }), mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-css\"\n  }, \"img {\\n  transition: 0.8s;\\n  border-radius: 10px;\\n  transform: scale(1.3);\\n}\\n\"))), mdx(Step, {\n    title: \"Columns aren't just for code\",\n    mdxType: \"Step\"\n  }, mdx(BounceImage, {\n    style: {\n      transform: \"scale(1.3) scaleX(-1)\"\n    },\n    mdxType: \"BounceImage\"\n  }), mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-css\"\n  }, \"img {\\n  transition: 0.8s;\\n  border-radius: 10px;\\n  transform: scale(1.3) scaleX(-1);\\n}\\n\"))), mdx(Step, {\n    title: \"Columns aren't just for code\",\n    mdxType: \"Step\"\n  }, mdx(BounceImage, {\n    style: {\n      transform: \"scale(1.3) scaleX(-1)\",\n      filter: \"hue-rotate(90deg)\"\n    },\n    mdxType: \"BounceImage\"\n  }), mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-css\"\n  }, \"img {\\n  transition: 0.8s;\\n  border-radius: 10px;\\n  transform: scale(1.3) scaleX(-1);\\n  filter: hue-rotate(90deg);\\n}\\n\"))), mdx(Step, {\n    title: \"Columns aren't just for code\",\n    mdxType: \"Step\"\n  }, mdx(BounceImage, {\n    style: {\n      transform: \"scale(1.3) scaleX(-1) rotate(180deg)\",\n      filter: \"hue-rotate(90deg)\"\n    },\n    mdxType: \"BounceImage\"\n  }), mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-css\"\n  }, \"img {\\n  transition: 0.8s;\\n  border-radius: 10px;\\n  transform: scale(1.3) scaleX(-1) rotate(180deg);\\n  filter: hue-rotate(90deg);\\n}\\n\")))), mdx(\"hr\", null), mdx(\"h1\", null, \"That's all folks \\uD83D\\uDE4B\\uD83C\\uDFFD\\u200D\\u2642\\uFE0F\"));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"matchPath":"/hoisting/*","id":"95726876-3a16-5dff-adda-8c2f53b7d4da","slug":"/hoisting","title":"Hoisting 👋"}},"staticQueryHashes":[]}